<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jstl/core"
	xmlns:p="http://primefaces.org/ui" template="/layout/template.xhtml">
	<ui:define name="body">
	<script language="JavaScript" type="text/javascript">
		window.history.forward(-1);
	</script>
		<h1 class="title ui-widget-header ui-corner-all">Consulta Contrato</h1>
		<h:form id="formConsultaContrato">
		<p:messages showDetail="true"/>
		<p:panel>
		<p:fieldset id="fi" legend="Consutar Contrato">
			
		<p:selectOneRadio  value="#{contratoForm.radio}" >  
	        <f:selectItem itemLabel="Numero de Documento" itemValue="1"/>
	        <f:selectItem itemLabel="Código de Contrato" itemValue="2" >
	        	</f:selectItem>
	        <f:selectItem itemLabel="Nombres Completos" itemValue="3">  
	        </f:selectItem>
	        <p:ajax update="fi" />
        </p:selectOneRadio>
        <h:panelGrid columns="3" rendered="#{contratoForm.radio==1}" >
        <h:outputText value="#{message['contrato.tipo.documento']}" />
			<p:selectOneMenu id="tipoDoc" style="width:165px" value="#{contratoForm.idtipodoc}" required="true" 
				requiredMessage="#{message['contrato.tipo.documento.validation']}" >
				<f:selectItems value="#{comboAction.tipoDocumentoitems}" />
				<p:ajax update="nrodoc"/>
			</p:selectOneMenu>
			<p:spacer/>
					
			<h:outputText value="#{message['contrato.numero.documento']}" />
			<h:panelGroup id="nrodoc" >
				<p:inputMask id="numdoc1" value="#{contratoForm.numDniCliente}" mask="99999999"
					rendered="#{contratoForm.idtipodoc==1}" required="true" />
				<p:message for="numdoc1"  />
					
				<p:inputMask id="numdoc2" value="#{contratoForm.numDniCliente}" mask="99999999999"
					rendered="#{contratoForm.idtipodoc==2}" required="true"/>
				<p:message for="numdoc2"  />
			</h:panelGroup>
			
			</h:panelGrid>
			<h:panelGrid columns="3" rendered="#{contratoForm.radio==2}"  >
			<h:outputText value="Código Contrato: " />
			<p:inputText id="cod" value="#{contratoForm.codigoContrato}" required="true"/>
			<p:message for="cod"  />
			</h:panelGrid>
			 <h:panelGrid columns="3" rendered="#{contratoForm.radio==3}"  >
        	<h:outputText value="Nombres: " />
			<p:inputText id="nom" value="#{contratoForm.nombreCliente}" />
			<p:message for="nom"  />
			<h:outputText value="Apellido Paterno: " />
			<p:inputText id="app" value="#{contratoForm.apePatCliente}"  />
			<p:message for="app"  />
			<h:outputText value="Apellido Materno: " />
			<p:inputText id="apm" value="#{contratoForm.apeMatCliente}" />
			<p:message for="apm"  />
			</h:panelGrid>
			<p:commandButton value="Buscar" action="#{contratoForm.consultar}" update="message" ajax="false"
				icon="ui-icon-search"/>
					
				</p:fieldset>
				<p:spacer height="30px" />
				<h:panelGrid  rendered="#{contratoForm.tamanoLista>1}" >
					<p:dataTable value="#{contratoForm.contratoXClienteList}"  paginator="true" sortMode="multiple" rowsPerPageTemplate="5,10,15"  rows="5"
					var="c" style="width:800px" emptyMessage="#{message['rsltd.empty']}" >
						
						<f:facet name="header">
							<h:outputLabel value="#{message['rsltd.datatable']}" />
						</f:facet>
						
						<p:column headerText="#{message['consulta.contrato.nombreCompleto']}" sortBy="#{c.tbCliente.nombresCompletos}" >
		                    <h:outputText value="#{c.tbCliente.nombresCompletos}" />
		                </p:column>
		                
		                <p:column headerText="#{message['consulta.contrato.fecEntrega']}" sortBy="#{c.fechaCreacionString}"  >
		                    <h:outputText value="#{c.fechaEntregaString}" />
		                </p:column>
		                
		                <p:column headerText="#{message['consulta.contrato.numDoc']}" sortBy="#{c.tbCliente.numdocumento}" >
		                    <h:outputText value="#{c.tbCliente.numdocumento}" />
		                </p:column>
		                
		                <p:column headerText="#{message['consulta.contrato.estado']}" sortBy="#{c.tbEstadoGeneral.descripcion}" >
		                    <h:outputText value="#{c.tbEstadoGeneral.descripcion}" />
		                </p:column>
		                
		                <p:column headerText="#{message['consulta.cargar']}" >
			                <p:commandButton icon="ui-icon-arrowreturnthick-1-s" title="cargar"  action="#{contratoForm.cargar}" update="@form" >
			                <f:setPropertyActionListener value="#{c.tbCliente.idcliente}" target="#{contratoForm.idcliente}" />
								<f:setPropertyActionListener value="#{c.idcontrato}" target="#{contratoForm.idcontrato}" />
							</p:commandButton>
						</p:column>
					</p:dataTable>
					</h:panelGrid>
					<h:panelGrid columns="2" >
					<p:fieldset legend="#{message['consulta.contrato.cliente']}" style="margin-top:30px" >
					<h:panelGrid columns="4" cellpadding="4"  >
					<h:outputText value="#{message['contrato.nombre']}" />
					<p:inputText value="#{contratoForm.objClienteSie.nombrecliente}" size="30" readonly="true"/>
					
					<h:outputText value="#{message['contrato.apepaterno']}" />
					<p:inputText value="#{contratoForm.objClienteSie.apepatcliente}" size="30" readonly="true"/>
					 
					<h:outputText value="#{message['contrato.apematerno']}" />
					<p:inputText  value="#{contratoForm.objClienteSie.apematcliente}" size="30" readonly="true"/>
					
					<h:outputText value="#{message['contrato.fechanac']}" />
					<p:inputText value="#{contratoForm.objClienteSie.fechaNacimientoString}" size="30" pattern="dd/MM/yyyy"  readonly="true"   />
					
					<h:outputText value="#{message['contrato.tipo.documento']}" />
					<p:inputText value="#{contratoForm.objClienteSie.tbTipoDocumentoIdentidad.descripcion}" readonly="true" size="30"/>
					
					<h:outputText value="#{message['contrato.numero.documento']}" />
					<p:inputText value="#{contratoForm.objClienteSie.numdocumento}" readonly="true" size="30"/>
					
					<h:outputText value="#{message['contrato.cliente.correo']}" />
					<p:inputText value="#{contratoForm.objClienteSie.correo}" readonly="true" size="30"/>
					
					<h:outputText value="#{message['contrato.ubigeo']} " />
					<h:outputText value="#{contratoForm.ubigeoDefecto}" />
					
					<h:outputText value="#{message['contrato.ubigeo.domicilio']}" />
					<p:inputTextarea value="#{contratoForm.objDomicilioSie.domicilio}" size="30" readonly="true" rows="2" cols="30"/>
	
					<h:outputText value="#{message['contrato.ubigeo.referencia']}" />
					<p:inputTextarea value="#{contratoForm.objDomicilioSie.referencia}" readonly="true" size="30" rows="2" cols="30"/>
					
					<h:outputText value="#{message['contrato.empresa.labora.nombre']}" />
					<p:inputText value="#{contratoForm.objClienteSie.empresatrabajo}" readonly="true" size="30"/>
					
					<h:outputText value="#{message['contrato.empresa.cargo']}" />
					<p:inputText value="#{contratoForm.objClienteSie.cargotrabajo}" readonly="true" size="30"/>
					
					<h:outputText value="#{message['contrato.empresa.labora.direccion']}" />
					<p:inputText value="#{contratoForm.objClienteSie.directrabajo}" readonly="true" size="30"/>
					
					<h:outputText value="#{message['contrato.empresa.labora.telefono']}" />
					<p:inputText mask="999-9999" value="#{contratoForm.objClienteSie.telftrabajo}" readonly="true" size="30"/>
					
					<h:outputText value="#{message['contrato.cliente.tipo']}" />
					<p:inputText value="#{contratoForm.objClienteSie.tipoClienteString}" readonly="true" size="30" style="font-weight:bold" />
					
					</h:panelGrid>
					</p:fieldset>
					<p:fieldset legend="#{message['consulta.contrato.contrato']}"  style="margin-top:30px" >
					<h:panelGrid columns="2" cellpadding="4"  >
					<h:outputText value="#{message['contrato.codigo']}" />
					<p:inputText value="#{contratoForm.objContratoSie.codcontrato}" size="30" readonly="true"/>
					
					<h:outputText value="#{message['consulta.contrato.estado']}" />
					<p:inputText value="#{contratoForm.objContratoSie.tbEstadoGeneral.descripcion}" size="30"  readonly="true" style="font-weight:bold" />
					
					<h:outputText value="#{message['contrato.empresa']}" />
					<p:inputText value="#{contratoForm.objContratoSie.tbEmpresa.descripcion}" size="30" readonly="true"/>
					
					<h:outputText value="#{message['contrato.lugar.entrega']}" />
					<p:inputTextarea value="#{contratoForm.objContratoSie.lugarentrega}" size="30" readonly="true" rows="2" cols="30" />
					
					<h:outputText value="#{message['contrato.fecha.entrega']}" />
					<p:inputText value="#{contratoForm.objContratoSie.fechaentrega}" size="30" readonly="true"/>
					
					<h:outputText value="#{message['contrato.usuacriocreacion']}" />
					<p:inputText value="#{contratoForm.objContratoSie.usuariocreacion}" size="30" readonly="true"/>
					
					<h:outputText value="#{message['contrato.fecha.creacion']}" />
					<p:inputText value="#{contratoForm.objContratoSie.fechaCreacionString}" size="30" readonly="true"/>
					
					</h:panelGrid>
					</p:fieldset>
					<p:fieldset legend="#{message['cliente.contrato.telefono.referencia']}" style="margin-top:30px" >
					<h:panelGrid>
					
					<p:dataTable value="#{contratoForm.telefonoList}" id="telefonoList" var="t" style="width:400px"
						rowStyleClass="#{t.operadorTelefonico eq 'Claro' ? 'colorRojo': (t.operadorTelefonico eq 'Movistar' ? 'color2': 'color3') }"   >
	
						<f:facet name="header">
							<h:outputLabel value="#{message['contrato.telef.referencia']}" />
						</f:facet>
							
						<p:column headerText="#{message['consulta.tipo.telefono']}" >
		                    <h:outputText value="#{t.tipoTelef}" />
		                </p:column>
		                <p:column headerText="#{message['consulta.operador.telefono']}" >
		                    <h:outputText value="#{t.operadorTelefonico}"/>
		                </p:column>
		                <p:column headerText="#{message['consulta.telefono']}" >
		                    <h:outputText value="#{t.telefono}" />
		                </p:column>
		                <p:column headerText="#{message['consulta.telef.desc']}" >
		                    <h:outputText value="#{t.descTelefono}" />
		                </p:column>
					</p:dataTable>
					</h:panelGrid>
					</p:fieldset>
					<p:fieldset  legend="#{message['contrato.det.paquete']}" style="margin-top:30px" >
					<p:dataTable id="detPaqueteList" var="f" value="#{contratoForm.detProductoContrato}"    
					rowStyleClass="#{f.tbEstadoGeneral.idestadogeneral ==70 ? 'colorRojo':  'null' }" >
				
				        <f:facet name="header">
				            #{message['contrato.det.paquete']}
				        </f:facet>
				       
				        <p:column headerText="#{message['consulta.producto']}" style="width:125px">
				             <h:outputText value="#{f.tbProducto.descripcionproducto}" />
				        </p:column>
				        
				        <p:column headerText="#{message['consulta.obs']}">
				              <h:outputText value="#{f.observacion}" />
				        </p:column>
				
				        <p:column headerText="#{message['consulta.cantidad']}" >
				               <h:outputText value="#{f.cantidad}"  />
				        </p:column>
				        
				        <p:column headerText="#{message['consulta.estado']}">
				               <h:outputText value="#{f.tbEstadoGeneral.descripcion}"  />
				        </p:column>
				    </p:dataTable>
				</p:fieldset>
				<p:fieldset  legend="#{message['contrato.det.pago']}" style="margin-top:30px" >
				<p:dataTable id="listaCobranzas" var="d" value="#{contratoForm.cobranzaList}" editable="true" style=" width:60% "
				rowStyleClass="#{contratoForm.dhoy le  d.fecvencimiento  ? null: (empty d.fecpago? 'colorRojo' : 'colorVerde')}">
			        <f:facet name="header">
			            Detalle de Cobranzas
			        </f:facet>
			        
			        <p:column headerText="#{message['consulta.num.letra']}" style="width:125px">
			        	 <h:outputText value="#{d.numletra}" />
			        </p:column>
			
			        <p:column headerText="#{message['consulta.importe']}" style="width:125px">
			            <h:outputText value="#{d.impinicial}" />
			        </p:column>
			        
			        <p:column headerText="#{message['consulta.dias.retrazo']}" style="width:125px">
			            <h:outputText value="#{d.diasretraso}" />
			        </p:column>
			        
			        <p:column headerText="#{message['consulta.importe']}" style="width:125px">
			            <h:outputText value="#{d.importemasmora }" />
			        </p:column>
			        
			        <p:column headerText="#{message['consulta.fec.venc']}" style="width:125px">
			            <h:outputText value="#{d.fechaVencimientoString}"  />
			        </p:column>
			        
			        <p:column headerText="#{message['consulta.fec.pago']}" style="width:125px">
			            <h:outputText value="#{d.fechaPagoString}"  />
			        </p:column>
			    </p:dataTable>
			   </p:fieldset>
			   </h:panelGrid>
			</p:panel>
			<div align="center"  style="margin-top:30px" >
		     	<h:graphicImage value="/images/Reporting_pdf.png" style="width:40px;height:40px"/>
				<p:commandLink action="#{contratoForm.ReportingPagos}" value="#{message['reporte.exportar.pagos.pdf']}" ajax="false" 
				 >
				<f:setPropertyActionListener target="#{contratoForm.contentType}" value="pdf"/>
				</p:commandLink>
				
				<h:graphicImage value="/images/excel_icon.PNG" style="width:40px;height:40px"/>
				<p:commandLink action="#{contratoForm.ReportingPagos}" value="#{message['reporte.exportar.pagos.xls']}" ajax="false" 
				 >
				<f:setPropertyActionListener target="#{contratoForm.contentType}" value="xls"/>
				</p:commandLink>
			</div>
		</h:form>
	</ui:define>
</ui:composition>